草庐IT

Angular 2 表单

全部标签

javascript - 如何在使用 jquery 在表单文本字段中输入文本时更新跨度

我希望在使用jquery将值输入文本字段时更新一个跨度。我的表单字段有一个名为“userinput”的文本框,我有一个ID为“inputval”的跨度。任何帮助将不胜感激。 最佳答案 更新:尽管您将此标记为正确答案,但请注意您应该使用keyup事件而不是change事件或keydown$(document).ready(function(){$('input[name=userinput]').keyup(function(){$('#inputval').text($(this).val());});});

javascript - 使用javascript提交表单后如何保留表单数据?

当我提交此表单时,值就从文本框中消失了。我喜欢将它们打印在文本框中。我该怎么做?:.error{color:red;font:10ptverdana;padding-left:10px}functionhello(){varhour=$("#hour").html();alert(hour);}$(function(){//validatecontactformonkeyupandsubmit$("#myform").validate({//settherulesforthefildnamesrules:{hour:{required:true,minlength:1,maxlengt

javascript - 如何禁用使用回车键提交表单?

我在输入按键时有一个js事件,它工作正常。但在该事件之后,它还会提交具有提交按钮的表单。在上一个按键事件之后,如何阻止该提交按钮获得焦点?编辑:我不希望提交按钮在输入时提交,只在点击时提交。 最佳答案 您可以使用java脚本执行此操作,如下所示;functionstopReloadKey(evt){varevt=(evt)?evt:((event)?event:null);varnode=(evt.target)?evt.target:((evt.srcElement)?evt.srcElement:null);if(evt.key

javascript - 使用验证器 jQuery 在 Click 事件上验证表单

我正在使用jQuery验证来验证输入。我的代码:$('#button').click(function(){$("#form").validate({rules:{phone:{required:true,number:true,rangelength:[7,14]}}});});和HTML:Send此代码无效。如果我添加这行jQuery$("#form").submit();在它起作用的点击事件中。但我不想提交表单,所以我只想在点击时进行验证。有人知道怎么做吗? 最佳答案 只需添加.form()立即手动触发验证(默认行为等待提交事

javascript - 停止 Enter/Return 键提交表单

这个问题在这里已经有了答案:PreventusersfromsubmittingaformbyhittingEnter(36个答案)关闭6年前。我在表单中有一个表。该表包含一些表单字段,但也有表外(但仍在表单内)的表单字段。我知道Enter和Return传统上用于通过键盘提交表单,但我想停止对表中字段的这种行为。例如,如果我聚焦表中的一个字段并按下Enter/Return,则什么也没有发生。如果我关注表外的字段(但仍在表单内),则它会正常提交。我有一个针对此表的jQuery插件。简而言之,这是我迄今为止尝试过的方法:base.on('keydown',function(e){if(e.

javascript - angular ng-repeat后如何访问图像属性?

我正在尝试获取从服务器中提取的图像的图像宽度和高度,以便为其应用适当的样式。所以我使用ng-repeat来填充模板:...我的问题是如何访问img对象以便更改父div类?或者也许angular.js做那样的事情的方式是什么?编辑:更具体。我想访问img对象以获取其宽度和高度以计算其大小以将样式应用于父div(当前类span2)。 最佳答案 我不知道你想做什么,但这听起来像是指令的工作。app.directive('styleParent',function(){return{restrict:'A',link:function(sc

javascript - ng-model Angular 中复选框的 bool 过滤器

item.imposed为1或0。为了使复选框标记为已选中,值必须为true或false。你不能在ng-model中使用过滤器,如何简单正确地实现这一点? 最佳答案 您可以使用ngChecked,但您不会将任何绑定(bind)返回给您的模型:http://jsfiddle.net/fMBQj/或者您可以使用ngTrueValue和ngFalseValue,但您必须使用字符串(而不是int):http://jsfiddle.net/fMBQj/1/或者您可以使用自定义指令...它现在非常蹩脚。

javascript - Angular : Update A Function In RealTime

我有一个Controller:$scope.timeAgoCreation=function(order){returnmoment(order.createdAt).fromNow();};在View中:{{timeAgoCreation(order)}}它返回正确的值:9分钟前。但是这个值不是实时更新的。我必须刷新页面。是否可以让它实时更新? 最佳答案 只需将此功能添加到Controller中(不要忘记注入(inject)$timeout服务):functionfireDigestEverySecond(){$timeout(f

javascript - 如何使用 Angular $http GET 调用填充 Kendo 网格

我在将Kendo网格绑定(bind)到Angular服务调用时遇到问题。我有一个Angular$http服务,它有一个getData()方法,如下所示:'use-strict';payrollApp.factory('dataService',function($http,$q){return{getData:function(){vardeferred=$q.defer();$http({method:'GET',url:'/api/apihome/',}).success(function(data,status,headers,config){deferred.resolve(d

javascript - 使用 ui.router 渲染页面的 Angular JS 事件

背景场景:我有一个ng-repeat填充我的View,动态放大容器。我需要调整我的的高度当渲染完成时,我还需要在我的应用程序的每个其他页面上执行此操作。我很清楚ready()功能:angular.element(document).ready(function(){console.log('ready')})但是这段代码,放在app.js仅在第一页打开(或重新加载)时执行。重要提示:我正在使用ui.router浏览我的“页面”,所以每当我需要更改页面时,我都会调用“$state.transitionTo()”。问题:是否存在在页面完全呈现时广播的Angular事件?